<!DOCTYPE html>
<html ng-app="sales">
<head>
    <meta charset="UTF-8">
<head>
    <base href="/">
</head>
<title>华成保险</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/css/bootstrap-datetimepicker.min.css">
<!--<link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css">-->
<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!--<link rel="stylesheet" type="text/css" href="/css/common.css">-->
<!--<link rel="stylesheet" type="text/css" href="/css/c3.min.css">-->
<!--<link rel="stylesheet" type="text/css" href="/css/status-color.css">-->
<!--弹出框    -->
<link rel="stylesheet" type="text/css" href="/css/sweetalert.css">
<!--下拉选择    -->
<link rel="stylesheet" type="text/css" href="/css/chosen/chosen.css">
<link rel="stylesheet" type="text/css" href="/css/chosen/chosen-spinner.css">
<!--主要样式-->
<link rel="stylesheet" type="text/css" href="/css/ui.css">
<!--底部提示信息-->
<link rel="stylesheet" type="text/css" href="/css/toastr.min.css">


<script src="/js/jquery-2.1.3.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/angular.min.js"></script>
<!--script src="/js/angular-animate.js"></script-->
<script src="/js/angular-route.min.js"></script>
<!--<script src="/js/jquery.shapeshift.min.js"></script>-->
<script src="/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="/js/ag-grid.min.js"></script>
<!--弹出框-->
<script type="text/javascript" src="/js/sweetalert.min.js"></script>
<!--下拉选择-->
<script type="text/javascript" src="/js/chosen/chosen.jquery.js"></script>
<script type="text/javascript" src="/js/chosen/chosen.js"></script>
<!--底部提示信息-->
<script type="text/javascript" src="/js/toastr.min.js"></script>
<script type="text/javascript" src="/js/basics.js"></script>



<style>
    body{
        font-size: 16px;
        background: #0072c6;
    }

    .nav-box .logo {
        position: fixed;
        width: 200px;
        height: 50px;
        top: 0;
        left: 0;
        z-index: 2;
        background: #0072c6;
    }
    .nav {
        margin-top:50px;
        position: absolute;
        top:0;
        bottom: 0;
        transition: all .3s;
        /*width: 220px;*/
        overflow-y: auto;
        overflow-x: hidden;
    }
    .nav ul {margin-top: 50px;}
    .nav li {
        background: #0072c6;
        color: rgba(255,255,255,.7);
        padding: 12px;
        cursor: pointer;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .nav li:hover {
        background: #024c82;
        color: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .nav li.active {
        background: #024c82;
        color: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .content {
        transition: all .3s;
        position: absolute;
        box-shadow: -1px -1px 3px rgba(0,0,0,.2);
        top:20px;
        bottom: 0;
        left: 200px;
        right:0;
        background: #fff;
        /*overflow-y: scroll;*/
        background: #fff;
        border-top-left-radius:10px;
        z-index: 9999;
    }
    .page {
        position: relative;
    }



</style>
</head>
<body>

<div class="container-main" ng-init="css_nav_width = 200">
    <div class="nav-box">
        <div class="logo" id="ctrl_logo" ng-click = " css_nav_width = ( css_nav_width == 200 )? 20 : 200">LOGO</div>
        <ul class="nav" style="width:{{css_nav_width}}px;">
            <li class="elip"
                ng-class="{true: 'active', false: ''}[one.href==pathname]"
                ng-repeat="one in menus"
                ng-bind="one.rolename"
                ng-click="open_module(one.href,$event)"></li>
        </ul>
    </div>
    <div class="content" style="left:{{css_nav_width}}px;">
        <ng-view></ng-view>
    </div>

            <!--<div class="view-container">-->
                <!--<div class="view-menu">-->
                    <!--<div class="view-menu-item" ng-repeat='menu_item in menus.index'>-->
                        <!--<div ng-click="open_module(menu_item,$index)" class="view-menu-item-name"-->
                             <!--ng-class="{true:'view-menu-item-name-check', false:''}[menu_item.icon]">-->
                            <!--{{menu_item.rolename}}-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="view-menu-item" ng-repeat='menu_item in menus.insurance'>-->
                        <!--<div ng-click="open_module(menu_item,$index)" class="view-menu-item-name"-->
                             <!--ng-class="{true:'view-menu-item-name-check', false:''}[menu_item.icon]">-->
                            <!--{{menu_item.rolename}}-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="view-menu-item" style="position: relative;" ng-init="view_menu_admin = false;">-->
                        <!--<div class="view-menu-item-name" ng-click="view_menu_admin = !view_menu_admin">-->
                            <!--权限系统-->
                            <!--&lt;!&ndash; <span class="fa fa-unsorted"></span> &ndash;&gt;-->
                            <!--<span class="fa fa-angle-down"></span>-->
                        <!--</div>-->
                        <!--<div ng-show="view_menu_admin" class="view-menu-admin"-->
                             <!--ng-click="view_menu_admin = !view_menu_admin;">-->
                            <!--<div ng-repeat='admin_item in menus.admin' class="view-menu-admin-item"-->
                                 <!--ng-click="open_module(admin_item,$index)">-->
                                <!--{{admin_item.rolename}}-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="view-menu-item" ng-show="admin_rolename_show">-->
                        <!--<div class="view-menu-item-name view-menu-item-name-check" style="border-right: 0px;">-->
                            <!--{{admin_rolename}}-->
                        <!--</div>-->
                    <!--</div>-->

                <!--</div>-->
                <!--&lt;!&ndash;<div class="view-body">&ndash;&gt;-->
                    <!--&lt;!&ndash;<ng-view></ng-view>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
        <!--</div>-->


</div>
<script src="/app.js"></script>
<script src="/main.js"></script>
</body>
</html>
